<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8"/>
<title>中国手机网站</title>
<link rel="stylesheet" type="text/css" href="images/public.css"/>
<link rel="stylesheet" type="text/css" href="images/demo.css"/>
</head>
<body>
<div id="top" class="auto">
	<div class="nav">
		<div class="left same"><img src="images/mainnav_l.gif" /></div>
		<div class="mainNav">
			<img class="logo" src="images/logo.gif" />
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">华为手机</a></li>
				<li><a href="#">oppo手机</a></li>
				<li><a href="#">vivo手机</a></li>
				<li><a href="#">小米手机</a></li>
			</ul>
		</div>
		<div class="right same"><img src="images/mainnav_r.gif" /></div>
	</div>
	<div class="nav1">
	<form class="search" action="#">
			<input class="keywords" type="text" name="keywords"/>
			<input class="btn" type="submit" value=""/>
		</form>
		<div class="enter">
			<a href="#">登录</a> 
			<a href="#">注册</a>   
			<img src="images/shoppingcart_sicon.png" />
			<a class="cart" href="#">购物车0件</a>
		</div>
	</div>
</div>
<div id="main">
	<div class="auto">
	<img class="img1" width="956" src="images/20130508roclam.jpg"/>
	<div class="title">
	 <h2>精品推荐</h2>
	<A href="#">更多&gt;&gt;</A>
	</div>
	<div class="box">
			<div class="imgList">	
				<img width="160" height="160" src="images/1.jpg" />
				<p class="p0"><a=href"#">超级无敌保护手机壳 </a></p>
				<p class="p1">$68</p>
				</div>
				
				<div class="imgList">	
				<img width="160" height="160" src="images/2.jpg" />
				<p class="p0"><a=href"#">超级无敌保护手机壳 </a></p>
				<p class="p1">$68</p>
				</div>
				
				<div class="imgList">	
				<img width="160" height="160" src="images/3.jpg" />
				<p class="p0"><a=href"#">超级无敌保护手机壳 </a></p>
				<p class="p1">$68</p>
				</div>
				
				<div class="imgList">	
				<img width="160" height="160" src="images/4.jpg" />
				<p class="p0"><a=href"#">超级无敌保护手机壳 </a></p>
				<p class="p1">$68</p>
				</div>
				
	</div>
</div>
</body>
</html>